<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/10/4
  Time: 18:06
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>直播频道 - IVI测试IPTV</title>
    <script async="" src="https://www.google-analytics.com/analytics.js"></script>
    <script type="text/javascript" src="http://ivi.bupt.edu.cn/jquery.js"></script>
    <script type="text/javascript" src="http://ivi.bupt.edu.cn/purl.js"></script>
    <script src="http://ivi.bupt.edu.cn/jwplayer-7.6.0/jwplayer.js" charset="utf-8"></script>
    <script>
        (function (i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r;
            i[r] = i[r] || function () {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date();
            a = s.createElement(o),
                m = s.getElementsByTagName(o)[0];
            a.async = 1;
            a.src = g;
            m.parentNode.insertBefore(a, m)
        })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

        ga('create', 'UA-59612831-1', 'auto');
        ga('send', 'pageview');
    </script>
    <style>
        * {
            margin: 0;
            outline: 0 none;
            padding: 0;
        }

        body, html, center {
            height: 100%;
        }
    </style>
    <style type="text/css" data-jwplayer-id="all-players">
        .jw-reset {
        color: inherit;
        background-color: transparent;
        padding: 0;
        margin: 0;
        float: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
        line-height: 1em;
        list-style: none;
        text-align: left;
        text-transform: none;
        vertical-align: baseline;
        border: 0;
        direction: ltr;
        font-variant: inherit;
        font-stretch: inherit;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
    }

    @font-face {
        font-family: jw-icons;
        src: url(http://ivi.bupt.edu.cn/jwplayer-7.6.0/v/7.6.0/jw-icons.woff) format('woff'), url(http://ivi.bupt.edu.cn/jwplayer-7.6.0/v/7.6.0/jw-icons.ttf) format('truetype');
        font-weight: 400;
        font-style: normal
    }

    .jw-controlbar .jw-menu .jw-option:before, .jw-icon-display, .jw-icon-inline, .jw-icon-tooltip {
        font-family: jw-icons;
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-weight: 400;
        text-transform: none;
        background-color: transparent;
        font-variant: normal;
        -webkit-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga" 1;
        -o-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -moz-osx-font-smoothing: grayscale
    }

    .jw-icon-audio-tracks:before {
        content: "\E600"
    }

    .jw-icon-buffer:before {
        content: "\E601"
    }

    .jw-icon-cast:before {
        content: "\E603"
    }

    .jw-icon-cast.jw-off:before {
        content: "\E602"
    }

    .jw-icon-cc:before {
        content: "\E605"
    }

    .jw-icon-cue:before, .jw-icon-menu-bullet:before {
        content: "\E606"
    }

    .jw-icon-error:before {
        content: "\E607"
    }

    .jw-icon-fullscreen:before {
        content: "\E608"
    }

    .jw-icon-fullscreen.jw-off:before {
        content: "\E613"
    }

    .jw-icon-hd:before {
        content: "\E60A"
    }

    .jw-rightclick-logo:before, .jw-watermark:before {
        content: "\E60B"
    }

    .jw-icon-next:before {
        content: "\E60C"
    }

    .jw-icon-pause:before {
        content: "\E60D"
    }

    .jw-icon-play:before {
        content: "\E60E"
    }

    .jw-icon-prev:before {
        content: "\E60F"
    }

    .jw-icon-replay:before {
        content: "\E610"
    }

    .jw-icon-volume:before {
        content: "\E612"
    }

    .jw-icon-volume.jw-off:before {
        content: "\E611"
    }

    .jw-icon-more:before {
        content: "\E614"
    }

    .jw-icon-close:before {
        content: "\E615"
    }

    .jw-icon-playlist:before {
        content: "\E616"
    }

    .jwplayer {
        width: 100%;
        font-size: 16px;
        position: relative;
        display: block;
        min-height: 0;
        overflow: hidden;
        box-sizing: border-box;
        font-family: Arial, Helvetica, sans-serif;
        background-color: #000;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .jwplayer * {
        box-sizing: inherit
    }

    .jwplayer.jw-flag-aspect-mode {
        height: auto !important
    }

    .jwplayer.jw-flag-aspect-mode .jw-aspect {
        display: block
    }

    .jwplayer .jw-aspect {
        display: none
    }

    .jwplayer.jw-no-focus:focus, .jwplayer .jw-swf {
        outline: none
    }

    .jwplayer.jw-ie:focus {
        outline: 1px dotted #585858
    }

    .jwplayer:hover .jw-display-icon-container {
        background-color: #212121
    }

    .jw-controls, .jw-media, .jw-overlays, .jw-preview {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0
    }

    .jw-media {
        overflow: hidden;
        cursor: pointer
    }

    .jw-overlays {
        cursor: auto
    }

    .jw-media.jw-media-show {
        visibility: visible;
        opacity: 1
    }

    .jw-controls.jw-controls-disabled {
        display: none
    }

    .jw-controls .jw-controls-right {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 2.5em
    }

    .jw-text {
        height: 1em;
        font-family: Arial, Helvetica, sans-serif;
        font-size: .75em;
        font-style: normal;
        font-weight: 400;
        color: #fff;
        text-align: center;
        font-variant: normal;
        font-stretch: normal
    }

    .jw-plugin {
        position: absolute;
        bottom: 2.5em
    }

    .jw-plugin .jw-banner {
        max-width: 100%;
        opacity: 0;
        cursor: pointer;
        position: absolute;
        margin: auto auto 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block
    }

    .jw-cast-screen {
        width: 100%;
        height: 100%
    }

    .jw-instream {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: none
    }

    .jw-icon-playback:before {
        content: "\E60E"
    }

    .jw-captions, .jw-controls, .jw-overlays, .jw-preview, .jw-title {
        pointer-events: none
    }

    .jw-controlbar, .jw-display-icon-container, .jw-dock, .jw-logo, .jw-media, .jw-overlays > div, .jw-skip {
        pointer-events: all
    }

    .jwplayer video {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: auto;
        background: transparent
    }

    .jwplayer video::-webkit-media-controls-start-playback-button {
        display: none
    }

    .jwplayer.jw-stretch-uniform video {
        -o-object-fit: contain;
        object-fit: contain
    }

    .jwplayer.jw-stretch-none video {
        -o-object-fit: none;
        object-fit: none
    }

    .jwplayer.jw-stretch-fill video {
        -o-object-fit: cover;
        object-fit: cover
    }

    .jwplayer.jw-stretch-exactfit video {
        -o-object-fit: fill;
        object-fit: fill
    }

    .jw-click, .jw-preview {
        position: absolute;
        width: 100%;
        height: 100%
    }

    .jw-preview {
        display: none;
        opacity: 1;
        visibility: visible;
        background: #000 no-repeat 50% 50%
    }

    .jw-error .jw-preview, .jw-stretch-uniform .jw-preview, .jwplayer .jw-preview {
        background-size: contain
    }

    .jw-stretch-none .jw-preview {
        background-size: auto auto
    }

    .jw-stretch-fill .jw-preview {
        background-size: cover
    }

    .jw-stretch-exactfit .jw-preview {
        background-size: 100% 100%
    }

    .jw-display-icon-container {
        position: relative;
        top: 50%;
        display: table;
        height: 3.75em;
        width: 3.75em;
        margin: -1.875em auto 0;
        cursor: pointer
    }

    .jw-display-icon-container .jw-icon-display {
        position: relative;
        display: table-cell;
        text-align: center;
        vertical-align: middle !important;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        font-size: 2.5em
    }

    .jw-flag-audio-player .jw-display-icon-container, .jw-flag-dragging .jw-display-icon-container {
        display: none
    }

    .jw-icon {
        font-family: jw-icons;
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-weight: 400;
        text-transform: none;
        background-color: transparent;
        font-variant: normal;
        -webkit-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga" 1;
        -o-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -moz-osx-font-smoothing: grayscale
    }

    .jw-controlbar {
        display: table;
        position: absolute;
        bottom: 0;
        height: 2.5em;
        width: 100%;
        padding: 0 .4em
    }

    .jw-controlbar .jw-hidden {
        display: none
    }

    .jw-controlbar.jw-drawer-expanded .jw-controlbar-center-group, .jw-controlbar.jw-drawer-expanded .jw-controlbar-left-group {
        opacity: 0
    }

    .jw-background-color {
        background-color: rgba(33, 33, 33, .8)
    }

    .jw-slider-horizontal {
        background-color: transparent
    }

    .jw-group {
        display: table-cell
    }

    .jw-controlbar-center-group {
        width: 100%;
        padding: 0 .4em
    }

    .jw-controlbar-center-group .jw-slider-time, .jw-controlbar-center-group .jw-text-alt {
        padding: 0
    }

    .jw-controlbar-center-group .jw-text-alt {
        display: none
    }

    .jw-controlbar-left-group, .jw-controlbar-right-group {
        white-space: nowrap
    }

    .jw-icon-display:hover, .jw-icon-inline:hover, .jw-icon-tooltip:hover, .jw-knob:hover, .jw-option:before:hover {
        color: #fff
    }

    .jw-icon-inline, .jw-icon-tooltip, .jw-slider-horizontal, .jw-text-duration, .jw-text-elapsed {
        display: inline-block;
        height: 2.5em;
        position: relative;
        line-height: 2.5em;
        vertical-align: middle;
        cursor: pointer;
        padding: 0 .4em
    }

    .jw-icon-inline, .jw-icon-tooltip {
        min-width: 1.5625em;
        text-align: center
    }

    .jw-icon-playback {
        min-width: 2.25em
    }

    .jw-icon-volume {
        min-width: 1.75em;
        text-align: left
    }

    .jw-time-tip {
        line-height: 1em;
        pointer-events: none
    }

    .jw-icon-cast, .jw-icon-inline.jw-icon-volume, .jw-slider-volume.jw-slider-horizontal {
        display: none
    }

    .jw-button-color {
        color: hsla(0, 0%, 100%, .6)
    }

    .jw-button-color:hover {
        color: #fff
    }

    .jw-button-color:focus {
        outline: none;
        color: #fff
    }

    .jw-toggle {
        color: #fff
    }

    .jw-toggle.jw-off {
        color: hsla(0, 0%, 100%, .6)
    }

    .jw-toggle:focus {
        outline: none;
        color: #fff
    }

    .jw-dock {
        margin: .75em;
        display: block;
        opacity: 1;
        clear: right
    }

    .jw-dock:after {
        content: '';
        clear: both;
        display: block
    }

    .jw-dock-button {
        cursor: pointer;
        float: right;
        position: relative;
        width: 2.5em;
        height: 2.5em;
        margin: .5em
    }

    .jw-dock-button .jw-arrow {
        display: none;
        position: absolute;
        bottom: -.2em;
        width: .5em;
        height: .2em;
        left: 50%;
        margin-left: -.25em
    }

    .jw-dock-button .jw-overlay {
        display: none;
        position: absolute;
        top: 2.5em;
        right: 0;
        margin-top: .25em;
        padding: .5em;
        white-space: nowrap
    }

    .jw-dock-button:hover .jw-arrow, .jw-dock-button:hover .jw-overlay {
        display: block
    }

    .jw-dock-image {
        width: 100%;
        height: 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        opacity: .75
    }

    .jw-title {
        display: none;
        position: absolute;
        top: 0;
        width: 100%;
        font-size: .875em;
        height: 8em;
        background: -webkit-linear-gradient(top, #000, #000 18%, transparent);
        background: linear-gradient(180deg, #000 0, #000 18%, transparent)
    }

    .jw-title-primary, .jw-title-secondary {
        padding: .75em 1.5em;
        min-height: 2.5em;
        width: 100%;
        color: #fff;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow-x: hidden
    }

    .jw-title-primary {
        font-weight: 700
    }

    .jw-title-secondary {
        margin-top: -.5em
    }

    .jw-slider-container {
        height: 1em;
        width: 100%;
        position: relative;
        touch-action: none
    }

    .jw-buffer, .jw-progress, .jw-rail {
        position: absolute;
        cursor: pointer
    }

    .jw-progress {
        background-color: #fff
    }

    .jw-rail {
        background-color: hsla(0, 0%, 100%, .2)
    }

    .jw-buffer {
        background-color: hsla(0, 0%, 100%, .3)
    }

    .jw-cue, .jw-knob {
        position: absolute;
        cursor: pointer
    }

    .jw-cue {
        height: .25em;
        background-color: rgba(33, 33, 33, .9);
        border-radius: 25%;
        width: .4em
    }

    .jw-knob {
        background-color: #fff;
        width: .5em;
        height: .5em;
        border-radius: .25em
    }

    .jw-slider-horizontal {
        height: .25em
    }

    .jw-slider-horizontal.jw-slider-volume {
        width: 4em
    }

    .jw-slider-horizontal .jw-rail {
        width: 100%
    }

    .jw-slider-horizontal .jw-knob {
        top: -.125em;
        margin-left: -.25em
    }

    .jw-slider-horizontal .jw-buffer, .jw-slider-horizontal .jw-progress, .jw-slider-horizontal .jw-rail {
        height: .25em
    }

    .jw-slider-vertical {
        padding: .8em .8em 0;
        position: absolute
    }

    .jw-slider-vertical .jw-buffer, .jw-slider-vertical .jw-progress, .jw-slider-vertical .jw-rail {
        bottom: 0;
        height: 100%;
        left: 0;
        right: 0;
        margin: 0 auto
    }

    .jw-slider-vertical .jw-progress, .jw-slider-vertical .jw-rail, .jw-slider-vertical .jw-slider-container {
        width: .25em
    }

    .jw-slider-vertical .jw-slider-container {
        height: 4em
    }

    .jw-slider-vertical .jw-knob {
        right: 0;
        left: -.125em
    }

    .jw-slider-time {
        width: 100%
    }

    .jw-tooltip-time {
        position: absolute
    }

    .jw-slider-volume .jw-buffer {
        display: none
    }

    .jw-captions {
        position: absolute;
        width: 100%;
        height: inherit;
        text-align: center;
        display: none;
        max-height: 81.375%;
        line-height: 1.3em;
        letter-spacing: normal;
        word-spacing: normal;
        text-transform: none;
        text-indent: 0;
        text-decoration: none;
        pointer-events: none;
        overflow: hidden;
        top: 0
    }

    .jw-captions.jw-captions-enabled {
        display: block
    }

    .jw-captions-window {
        display: none;
        padding: .25em;
        border-radius: .25em
    }

    .jw-captions-text, .jw-captions-window.jw-captions-window-active {
        display: inline-block
    }

    .jw-captions-text {
        color: #fff;
        background-color: #000;
        word-wrap: normal;
        word-break: normal;
        white-space: pre-line;
        font-style: normal;
        font-weight: 400;
        text-align: center;
        text-decoration: none;
        line-height: 1.3em;
        padding: .1em .8em
    }

    .jw-text-track-display {
        font-size: inherit;
        line-height: 1.3em
    }

    .jwplayer video::-webkit-media-controls {
        -webkit-box-pack: start;
        justify-content: flex-start
    }

    .jwplayer video::-webkit-media-text-track-container {
        max-height: 81.375%;
        line-height: 1.3em
    }

    .jwplayer .jw-rightclick {
        display: none;
        position: absolute;
        white-space: nowrap
    }

    .jwplayer .jw-rightclick.jw-open {
        display: block
    }

    .jwplayer .jw-rightclick ul {
        list-style: none;
        font-weight: 700;
        border-radius: .15em;
        margin: 0;
        border: 1px solid #444;
        padding: 0
    }

    .jwplayer .jw-rightclick ul li {
        background-color: #000;
        border-bottom: 1px solid #444;
        margin: 0
    }

    .jwplayer .jw-rightclick ul li .jw-rightclick-logo {
        font-size: 2em;
        color: #ff0147;
        vertical-align: middle;
        padding-right: .3em;
        margin-right: .3em;
        border-right: 1px solid #444
    }

    .jwplayer .jw-rightclick ul li a {
        color: #fff;
        text-decoration: none;
        padding: 1em;
        display: block;
        font-size: .6875em;
        line-height: 1em
    }

    .jwplayer .jw-rightclick ul li:last-child {
        border-bottom: none
    }

    .jwplayer .jw-rightclick ul li:hover {
        background-color: #1a1a1a;
        cursor: pointer
    }

    .jwplayer .jw-rightclick ul .jw-featured {
        background-color: #252525;
        vertical-align: middle
    }

    .jwplayer .jw-rightclick ul .jw-featured a {
        color: #777
    }

    .jw-logo {
        position: absolute;
        margin: .75em;
        cursor: pointer;
        pointer-events: all;
        background-repeat: no-repeat;
        background-size: contain;
        top: auto;
        right: auto;
        left: auto;
        bottom: auto
    }

    .jw-logo .jw-flag-audio-player {
        display: none
    }

    .jw-logo-top-right {
        top: 0;
        right: 0
    }

    .jw-logo-top-left {
        top: 0;
        left: 0
    }

    .jw-logo-bottom-left {
        bottom: 0;
        left: 0
    }

    .jw-logo-bottom-right, .jw-watermark {
        bottom: 0;
        right: 0
    }

    .jw-watermark {
        position: absolute;
        top: 50%;
        left: 0;
        text-align: center;
        font-size: 14em;
        color: #fff;
        opacity: .33;
        pointer-events: none
    }

    .jw-icon-tooltip.jw-open .jw-overlay {
        opacity: 1;
        visibility: visible
    }

    .jw-icon-tooltip.jw-hidden, .jw-icon-tooltip.jw-open-drawer:before, .jw-overlay-horizontal {
        display: none
    }

    .jw-icon-tooltip.jw-open-drawer .jw-overlay-horizontal {
        opacity: 1;
        display: inline-block;
        vertical-align: top
    }

    .jw-overlay:before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: -50%;
        width: 100%;
        background-color: transparent;
        content: " "
    }

    .jw-slider-time .jw-overlay:before {
        height: 1em;
        top: auto
    }

    .jw-menu, .jw-time-tip, .jw-volume-tip {
        position: relative;
        left: -50%;
        margin: 0
    }

    .jw-volume-tip {
        width: 100%;
        height: 100%;
        display: block
    }

    .jw-time-tip {
        text-align: center;
        font-family: inherit;
        bottom: 1.25em;
        padding: .4em;
        border-radius: .25em
    }

    .jw-time-tip .jw-text {
        color: #fff;
        line-height: 1em
    }

    .jw-controlbar .jw-overlay {
        margin: 0;
        position: absolute;
        bottom: 2.5em;
        left: 50%;
        opacity: 0;
        visibility: hidden
    }

    .jw-controlbar .jw-overlay .jw-contents {
        position: relative
    }

    .jw-controlbar .jw-option {
        position: relative;
        white-space: nowrap;
        cursor: pointer;
        list-style: none;
        height: 1.5em;
        font-family: inherit;
        line-height: 1.5em;
        color: hsla(0, 0%, 100%, .6);
        padding: 0 .5em;
        font-size: .8em
    }

    .jw-controlbar .jw-option:before:hover, .jw-controlbar .jw-option:hover {
        color: #fff
    }

    .jw-controlbar .jw-option:before {
        padding-right: .125em
    }

    .jw-controlbar .jw-option.jw-active-option {
        color: #fff
    }

    .jw-playlist-container {
        left: -51%
    }

    .jw-playlist-container ::-webkit-scrollbar-track {
        background-color: hsla(0, 0%, 100%, .6)
    }

    .jw-playlist-container ::-webkit-scrollbar {
        width: 5px;
        border: 0
    }

    .jw-playlist-container ::-webkit-scrollbar-thumb {
        background-color: #fff;
        border-radius: 5px
    }

    .jw-tooltip-title {
        border-bottom: 1px solid hsla(0, 0%, 100%, .6);
        text-align: left;
        padding-left: .4em
    }

    .jw-playlist {
        max-height: 11em;
        min-height: 4.5em;
        overflow-x: hidden;
        overflow-y: scroll;
        width: calc(100% - 2px)
    }

    .jw-playlist .jw-option {
        height: 3em;
        color: #fff;
        padding-left: 1em;
        font-size: .75em
    }

    .jw-playlist .jw-label, .jw-playlist .jw-name {
        display: inline-block;
        line-height: 3em;
        text-align: left;
        overflow: hidden;
        white-space: nowrap
    }

    .jw-playlist .jw-label {
        width: 1em
    }

    .jw-playlist .jw-name {
        width: 11em
    }

    .jw-skip {
        cursor: default;
        position: absolute;
        float: right;
        display: inline-block;
        right: .75em;
        bottom: 3em;
        padding: .4em
    }

    .jw-skip.jw-skippable {
        cursor: pointer
    }

    .jw-skip.jw-hidden {
        visibility: hidden
    }

    .jw-skip .jw-skip-icon {
        display: none;
        margin-left: -.75em
    }

    .jw-skip .jw-skip-icon:before {
        content: "\E60C"
    }

    .jw-skip .jw-skip-icon, .jw-skip .jw-text {
        color: hsla(0, 0%, 100%, .6);
        vertical-align: middle;
        line-height: 1.5em;
        font-size: .7em
    }

    .jw-skip.jw-skippable:hover {
        cursor: pointer
    }

    .jw-skip.jw-skippable:hover .jw-skip-icon, .jw-skip.jw-skippable:hover .jw-text {
        color: #fff
    }

    .jw-skip.jw-skippable .jw-skip-icon {
        display: inline;
        margin: 0
    }

    .jwplayer.jw-state-paused.jw-flag-casting .jw-display-icon-container, .jwplayer.jw-state-playing.jw-flag-casting .jw-display-icon-container {
        display: table
    }

    .jwplayer.jw-flag-casting .jw-display-icon-container {
        border-radius: 0;
        border: 1px solid #fff;
        position: absolute;
        top: auto;
        left: .5em;
        right: .5em;
        bottom: 50%;
        margin-bottom: -12.5%;
        height: 50%;
        width: 50%;
        padding: 0;
        background-repeat: no-repeat;
        background-position: 50%
    }

    .jwplayer.jw-flag-casting .jw-display-icon-container .jw-icon {
        font-size: 3em
    }

    .jwplayer.jw-flag-casting.jw-state-complete .jw-preview {
        display: none
    }

    .jw-cast {
        position: absolute;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: auto;
        background-position: 50% 50%
    }

    .jw-cast-label {
        position: absolute;
        left: .5em;
        right: .5em;
        bottom: 75%;
        margin-bottom: 1.5em;
        text-align: center
    }

    .jw-cast-name {
        color: #ccc
    }

    .jw-state-idle .jw-preview {
        display: block
    }

    .jw-state-idle .jw-icon-display:before {
        content: "\E60E"
    }

    .jw-state-idle .jw-captions, .jw-state-idle .jw-controlbar {
        display: none
    }

    .jw-state-idle .jw-title {
        display: block
    }

    .jwplayer.jw-state-playing .jw-display-icon-container {
        display: none
    }

    .jwplayer.jw-state-playing .jw-display-icon-container .jw-icon-display:before, .jwplayer.jw-state-playing .jw-icon-playback:before {
        content: "\E60D"
    }

    .jwplayer.jw-state-paused .jw-display-icon-container {
        display: none
    }

    .jwplayer.jw-state-paused .jw-display-icon-container .jw-icon-display:before, .jwplayer.jw-state-paused .jw-icon-playback:before {
        content: "\E60E"
    }

    .jwplayer.jw-state-buffering .jw-display-icon-container .jw-icon-display {
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite
    }

    .jwplayer.jw-state-buffering .jw-display-icon-container .jw-icon-display:before {
        content: "\E601"
    }

    @-webkit-keyframes spin {
        to {
            -webkit-transform: rotate(1turn)
        }
    }

    @keyframes spin {
        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    .jwplayer.jw-state-buffering .jw-display-icon-container .jw-text {
        display: none
    }

    .jwplayer.jw-state-buffering .jw-icon-playback:before {
        content: "\E60D"
    }

    .jwplayer.jw-state-complete .jw-preview {
        display: block
    }

    .jwplayer.jw-state-complete .jw-display-icon-container .jw-icon-display:before {
        content: "\E610"
    }

    .jwplayer.jw-state-complete .jw-display-icon-container .jw-text {
        display: none
    }

    .jwplayer.jw-state-complete .jw-icon-playback:before {
        content: "\E60E"
    }

    .jwplayer.jw-state-complete .jw-captions {
        display: none
    }

    .jwplayer.jw-state-error .jw-title, body .jw-error .jw-title {
        display: block
    }

    .jwplayer.jw-state-error .jw-title .jw-title-primary, body .jw-error .jw-title .jw-title-primary {
        white-space: normal
    }

    .jwplayer.jw-state-error .jw-preview, body .jw-error .jw-preview {
        display: block
    }

    .jwplayer.jw-state-error .jw-captions, .jwplayer.jw-state-error .jw-controlbar, body .jw-error .jw-captions, body .jw-error .jw-controlbar {
        display: none
    }

    .jwplayer.jw-state-error:hover .jw-display-icon-container, body .jw-error:hover .jw-display-icon-container {
        cursor: default;
        color: #fff;
        background: #000
    }

    .jwplayer.jw-state-error .jw-icon-display, body .jw-error .jw-icon-display {
        cursor: default;
        font-family: jw-icons;
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-weight: 400;
        text-transform: none;
        background-color: transparent;
        font-variant: normal;
        -webkit-font-feature-settings: "liga";
        -ms-font-feature-settings: "liga" 1;
        -o-font-feature-settings: "liga";
        font-feature-settings: "liga";
        -moz-osx-font-smoothing: grayscale
    }

    .jwplayer.jw-state-error .jw-icon-display:before, body .jw-error .jw-icon-display:before {
        content: "\E607"
    }

    .jwplayer.jw-state-error .jw-icon-display:hover, body .jw-error .jw-icon-display:hover {
        color: #fff
    }

    body .jw-error {
        font-size: 16px;
        background-color: #000;
        color: #fff;
        width: 100%;
        height: 100%;
        display: table;
        opacity: 1;
        position: relative
    }

    body .jw-error .jw-icon-container {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0
    }

    .jwplayer.jw-flag-cast-available .jw-controlbar {
        display: table
    }

    .jwplayer.jw-flag-cast-available .jw-icon-cast {
        display: inline-block
    }

    .jwplayer.jw-flag-skin-loading .jw-captions, .jwplayer.jw-flag-skin-loading .jw-controls, .jwplayer.jw-flag-skin-loading .jw-title {
        display: none
    }

    .jwplayer.jw-flag-fullscreen {
        width: 100% !important;
        height: 100% !important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1000;
        margin: 0;
        position: fixed
    }

    .jwplayer.jw-flag-live .jw-controlbar .jw-slider-time, .jwplayer.jw-flag-live .jw-controlbar .jw-text-duration, .jwplayer.jw-flag-live .jw-controlbar .jw-text-elapsed {
        display: none
    }

    .jwplayer.jw-flag-live .jw-controlbar .jw-text-alt {
        display: inline
    }

    .jwplayer.jw-flag-user-inactive.jw-state-playing .jw-controlbar, .jwplayer.jw-flag-user-inactive.jw-state-playing .jw-dock, .jwplayer.jw-flag-user-inactive.jw-state-playing .jw-logo.jw-hide {
        display: none
    }

    .jwplayer.jw-flag-user-inactive.jw-state-playing .jw-plugin {
        bottom: .5em
    }

    .jwplayer.jw-flag-user-inactive.jw-state-playing .jw-media {
        cursor: none;
        -webkit-cursor-visibility: auto-hide
    }

    .jwplayer.jw-flag-user-inactive.jw-state-playing .jw-captions {
        max-height: none
    }

    .jwplayer.jw-flag-user-inactive.jw-state-playing video::-webkit-media-text-track-container {
        max-height: none
    }

    .jwplayer.jw-flag-user-inactive.jw-state-buffering .jw-controlbar {
        display: none
    }

    .jwplayer.jw-flag-media-audio .jw-controlbar, .jwplayer.jw-flag-media-audio.jw-flag-user-inactive .jw-controlbar {
        display: table
    }

    .jwplayer.jw-flag-media-audio.jw-flag-user-inactive.jw-state-playing .jw-plugin {
        bottom: 3em
    }

    .jwplayer.jw-flag-media-audio.jw-flag-user-inactive.jw-state-playing .jw-captions {
        max-height: 81.375%
    }

    .jwplayer.jw-flag-media-audio.jw-flag-user-inactive.jw-state-playing video::-webkit-media-text-track-container {
        max-height: 81.375%
    }

    .jwplayer.jw-flag-media-audio.jw-flag-user-inactive.jw-state-playing.jw-flag-touch video::-webkit-media-text-track-container {
        max-height: 70%
    }

    .jw-flag-media-audio .jw-preview {
        display: block
    }

    .jwplayer.jw-flag-ads .jw-captions.jw-captions-enabled, .jwplayer.jw-flag-ads .jw-dock, .jwplayer.jw-flag-ads .jw-logo, .jwplayer.jw-flag-ads .jw-preview {
        display: none
    }

    .jwplayer.jw-flag-ads video::-webkit-media-text-track-container {
        display: none
    }

    .jwplayer.jw-flag-ads .jw-controlbar .jw-icon-inline, .jwplayer.jw-flag-ads .jw-controlbar .jw-icon-tooltip, .jwplayer.jw-flag-ads .jw-controlbar .jw-slider-horizontal, .jwplayer.jw-flag-ads .jw-controlbar .jw-text {
        display: none
    }

    .jwplayer.jw-flag-ads .jw-controlbar .jw-icon-fullscreen, .jwplayer.jw-flag-ads .jw-controlbar .jw-icon-playback, .jwplayer.jw-flag-ads .jw-controlbar .jw-icon-volume, .jwplayer.jw-flag-ads .jw-controlbar .jw-slider-volume {
        display: inline-block
    }

    .jwplayer.jw-flag-ads .jw-controlbar .jw-text-alt {
        display: inline
    }

    .jwplayer.jw-flag-ads .jw-controlbar .jw-icon-inline.jw-icon-volume, .jwplayer.jw-flag-ads .jw-controlbar .jw-slider-volume.jw-slider-horizontal {
        display: inline-block
    }

    .jwplayer.jw-flag-ads .jw-controlbar .jw-icon-tooltip.jw-icon-volume {
        display: none
    }

    .jwplayer.jw-flag-ads-googleima .jw-controlbar {
        display: table;
        bottom: 0
    }

    .jwplayer.jw-flag-ads-googleima.jw-flag-touch .jw-controlbar {
        font-size: 1em
    }

    .jwplayer.jw-flag-ads-googleima.jw-flag-touch.jw-state-paused .jw-display-icon-container {
        display: none
    }

    .jwplayer.jw-flag-ads-googleima.jw-skin-seven .jw-controlbar {
        font-size: .9em
    }

    .jwplayer.jw-flag-ads.jw-flag-touch .jw-controlbar {
        display: table
    }

    .jwplayer.jw-flag-ads-vpaid .jw-controlbar, .jwplayer.jw-flag-touch.jw-flag-ads-vpaid .jw-controlbar {
        display: none
    }

    .jwplayer.jw-flag-ads-hide-controls .jw-controls {
        display: none !important
    }

    .jwplayer.jw-flag-overlay-open-related .jw-controls, .jwplayer.jw-flag-overlay-open-related .jw-title, .jwplayer.jw-flag-overlay-open-sharing .jw-controls, .jwplayer.jw-flag-overlay-open-sharing .jw-title, .jwplayer.jw-flag-overlay-open .jw-controls-right .jw-logo, .jwplayer.jw-flag-overlay-open .jw-title {
        display: none
    }

    .jwplayer.jw-flag-rightclick-open {
        overflow: visible
    }

    .jwplayer.jw-flag-rightclick-open .jw-rightclick {
        z-index: 16777215
    }

    .jw-flag-controls-disabled .jw-controls {
        visibility: hidden
    }

    .jw-flag-controls-disabled .jw-logo {
        visibility: visible
    }

    .jw-flag-controls-disabled .jw-media {
        cursor: auto
    }

    .jw-flag-controls-disabled.jwplayer .jw-captions {
        max-height: none
    }

    .jw-flag-controls-disabled.jwplayer video::-webkit-media-text-track-container {
        max-height: none
    }

    body .jwplayer.jw-flag-flash-blocked .jw-title {
        display: block
    }

    body .jwplayer.jw-flag-flash-blocked .jw-controls, body .jwplayer.jw-flag-flash-blocked .jw-overlays, body .jwplayer.jw-flag-flash-blocked .jw-preview {
        display: none
    }

    .jw-flag-touch .jw-controlbar, .jw-flag-touch .jw-plugin, .jw-flag-touch .jw-skip {
        font-size: 1.5em
    }

    .jw-flag-touch .jw-captions {
        bottom: 4.25em
    }

    .jw-flag-touch video::-webkit-media-text-track-container {
        max-height: 70%
    }

    .jw-flag-touch .jw-icon-tooltip.jw-open-drawer:before {
        display: inline;
        content: "\E615"
    }

    .jw-flag-touch .jw-display-icon-container {
        pointer-events: none
    }

    .jw-flag-touch.jw-state-paused .jw-display-icon-container {
        display: table
    }

    .jw-flag-compact-player .jw-icon-playlist, .jw-flag-compact-player .jw-text-duration, .jw-flag-compact-player .jw-text-elapsed, .jw-flag-touch.jw-state-paused.jw-flag-dragging .jw-display-icon-container {
        display: none
    }

    .jwplayer.jw-flag-audio-player {
        background-color: transparent
    }

    .jwplayer.jw-flag-audio-player .jw-media {
        visibility: hidden
    }

    .jwplayer.jw-flag-audio-player .jw-media object {
        width: 1px;
        height: 1px
    }

    .jwplayer.jw-flag-audio-player .jw-display-icon-container, .jwplayer.jw-flag-audio-player .jw-preview, .jwplayer.jw-flag-audio-player .jw-title {
        display: none
    }

    .jwplayer.jw-flag-audio-player .jw-controlbar {
        vertical-align: middle;
        display: table;
        height: 100%;
        left: 0;
        bottom: 0;
        margin: 0;
        width: 100%;
        min-width: 100%
    }

    .jwplayer.jw-flag-audio-player .jw-controlbar .jw-icon-fullscreen, .jwplayer.jw-flag-audio-player .jw-controlbar .jw-icon-tooltip {
        display: none
    }

    .jwplayer.jw-flag-audio-player .jw-controlbar .jw-icon-inline.jw-icon-volume, .jwplayer.jw-flag-audio-player .jw-controlbar .jw-slider-volume.jw-slider-horizontal {
        display: inline-block
    }

    .jwplayer.jw-flag-audio-player .jw-controlbar .jw-icon-tooltip.jw-icon-volume {
        display: none
    }

    .jwplayer.jw-flag-audio-player.jw-flag-user-inactive .jw-controlbar {
        display: table
    }

    .jwplayer.jw-flag-audio-player .jw-icon-inline {
        height: auto;
        line-height: normal
    }

    .jwplayer.jw-flag-audio-player .jw-group {
        vertical-align: middle
    }

    .jwplayer.jw-flag-audio-player .jw-controlbar-center-group {
        padding-bottom: 2px
    }

    .jw-skin-seven .jw-color-active, .jw-skin-seven .jw-color-active-hover:hover {
        color: #fff;
        stroke: #fff;
        border-color: #fff
    }

    .jw-skin-seven .jw-color-inactive, .jw-skin-seven .jw-color-inactive-hover:hover {
        color: #cecece;
        stroke: #cecece;
        border-color: #cecece
    }

    .jw-skin-seven .jw-active-option {
        background-color: hsla(0, 0%, 100%, .1)
    }

    .jw-skin-seven .jw-display-icon-container {
        display: table;
        font-size: 20px;
        border-radius: 3.5em
    }

    .jw-skin-seven .jw-display-icon-container:hover .jw-icon {
        color: #fff
    }

    .jw-skin-seven .jw-display-icon-container > .jw-icon {
        color: hsla(0, 0%, 100%, .9);
        font-size: 1.7em
    }

    .jw-skin-seven.jw-state-idle .jw-display-icon-container > .jw-icon {
        padding-left: 4px
    }

    .jw-skin-seven .jw-dock-button {
        border-radius: 2.5em
    }

    .jw-skin-seven .jw-menu {
        padding: 0
    }

    .jw-skin-seven .jw-dock .jw-overlay, .jw-skin-seven .jw-skip {
        border-radius: .4em
    }

    .jw-skin-seven .jw-text {
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }</style>
    <style type="text/css" data-jwplayer-id="player">
        #player .jw-color-active {
        }

        #player .jw-color-active-hover:hover {
        }

        #player .jw-color-inactive {
        }

        #player .jw-color-inactive-hover:hover {
        }

        #player .jw-text-track-display {
        }

        #player .jw-text-track-cue {
            color: rgb(255, 255, 255);
            font-family: Arial, sans-serif;
            background-color: rgb(0, 0, 0);
        }

        #player .jw-video::-webkit-media-text-track-display {
        }

        #player .jw-video::cue {
            color: rgb(255, 255, 255);
            font-family: Arial, sans-serif;
            background-color: rgb(0, 0, 0);
        }

        #player .jw-video::-webkit-media-text-track-display-backdrop {
            background-color: rgb(0, 0, 0) !important;
        }
    </style>
    <script type="text/javascript" charset="utf-8" async=""
            src="http://ivi.bupt.edu.cn/jwplayer-7.6.0/v/7.6.0/provider.caterpillar.js"></script>
</head>


<body>
<center>
    <div id="player"
         class="jwplayer jw-reset jw-state-playing jw-skin-seven jw-stretch-uniform jw-flag-live jw-flag-rightclick-open jw-flag-user-inactive"
         tabindex="0" style="width: 100%; height: 100%;">
        <div class="jw-aspect jw-reset"></div>
        <div class="jw-media jw-reset">
            <video class="jw-video jw-reset" jw-loaded="data"
                   src="blob:http://ivi.bupt.edu.cn/d29f9de3-bdbb-4ba1-a902-f9144885ab7d"></video>
        </div>

        <div class="jw-preview jw-reset"></div>
        <div class="jw-captions jw-captions-enabled jw-reset" style="font-size: 23.5px;">
            <div class="jw-captions-window jw-reset"><span class="jw-captions-text jw-reset"
                                                           style="color: rgb(255, 255, 255); font-family: Arial, sans-serif; background-color: rgb(0, 0, 0);"></span>
            </div>
        </div>
        <div class="jw-title jw-reset" style="display: none;">
            <div class="jw-title-primary jw-reset"></div>
            <div class="jw-title-secondary jw-reset"></div>
        </div>
        <div class="jw-overlays jw-reset">
            <div id="player_jwpsrv" class="jw-plugin jw-reset"></div>
        </div>
        <div class="jw-controls jw-reset">
            <div class="jw-display-icon-container jw-background-color jw-reset">
                <div class="jw-icon jw-icon-display jw-button-color jw-reset" role="button" tabindex="0"
                     aria-label="Pause"></div>
            </div>
            <div class="jw-controls-right jw-reset">
                <div class="jw-dock jw-reset">
                </div>
            </div>
            <div class="jw-controlbar jw-background-color jw-reset">
                <div class="jw-group jw-controlbar-left-group jw-reset">
                    <div class="jw-icon jw-icon-inline jw-button-color jw-reset jw-icon-playback" role="button"
                         tabindex="0" aria-label="Play" style=""></div>
                    <div class="jw-icon jw-icon-inline jw-button-color jw-reset jw-icon-prev" role="button" tabindex="0"
                         aria-label="Previous" style="display: none;"></div>
                    <div class="jw-icon jw-icon-tooltip jw-icon-playlist jw-button-color jw-reset jw-hidden"
                         tabindex="0" role="button" aria-label="Playlist" aria-hidden="true">
                        <div class="jw-overlay jw-reset"></div>
                    </div>
                    <div class="jw-icon jw-icon-inline jw-button-color jw-reset jw-icon-next" role="button" tabindex="0"
                         aria-label="Next" style="display: none;"></div>
                    <span class="jw-text jw-reset jw-text-elapsed" role="timer">04:56</span></div>
                <div class="jw-group jw-controlbar-center-group jw-reset">
                    <div class="jw-slider-time jw-background-color jw-reset jw-slider-horizontal jw-reset"
                         aria-hidden="true">
                        <div class="jw-slider-container jw-reset">
                            <div class="jw-rail jw-reset"></div>
                            <div class="jw-buffer jw-reset" style="width: 0%;"></div>
                            <div class="jw-progress jw-reset" style="width: 0%;"></div>
                            <div class="jw-knob jw-reset" style="left: 0%;"></div>
                            <div class="jw-icon jw-icon-tooltip jw-tooltip-time jw-button-color jw-reset"
                                 aria-hidden="true">
                                <div class="jw-overlay jw-reset">
                                    <div class="jw-time-tip jw-background-color jw-reset">
                                        <div class="jw-reset" style="width: 0px; height: 0px;"></div>
                                        <span class="jw-text jw-reset"></span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <span class="jw-text jw-reset jw-text-alt" role="status">正在直播</span></div>
                <div class="jw-group jw-controlbar-right-group jw-reset"><span class="jw-text jw-reset jw-text-duration"
                                                                               role="timer">Infinity:NaN:NaN</span>
                    <div class="jw-icon jw-icon-tooltip jw-icon-hd jw-button-color jw-reset jw-hidden" tabindex="0"
                         role="button" aria-label="Quality" aria-hidden="true">
                        <div class="jw-overlay jw-reset"></div>
                    </div>
                    <div class="jw-icon jw-icon-tooltip jw-icon-cc jw-button-color jw-reset jw-hidden jw-toggle jw-off"
                         tabindex="0" role="button" aria-label="Closed captions" aria-hidden="true">
                        <div class="jw-overlay jw-reset"></div>
                    </div>
                    <div class="jw-icon jw-icon-tooltip jw-icon-audio-tracks jw-button-color jw-reset jw-hidden"
                         tabindex="0" role="button" aria-label="Audio tracks" aria-hidden="true">
                        <div class="jw-overlay jw-reset"></div>
                    </div>
                    <div class="jw-icon jw-icon-tooltip jw-icon-more jw-button-color jw-reset jw-hidden" tabindex="0"
                         role="button" aria-label="More" aria-hidden="true">
                        <div class="jw-overlay-horizontal jw-reset"></div>
                    </div>
                    <div class="jw-icon jw-icon-inline jw-button-color jw-reset jw-icon-volume" role="button"
                         tabindex="0" aria-label="Volume" style=""></div>
                    <div class="jw-icon jw-icon-inline jw-button-color jw-reset jw-icon-cast jw-off" role="button"
                         tabindex="0" aria-label="Chromecast" style="display: none;"></div>
                    <div class="jw-slider-volume jw-background-color jw-reset jw-slider-horizontal jw-reset"
                         aria-hidden="true">
                        <div class="jw-slider-container jw-reset">
                            <div class="jw-rail jw-reset"></div>
                            <div class="jw-buffer jw-reset"></div>
                            <div class="jw-progress jw-reset" style="width: 75%;"></div>
                            <div class="jw-knob jw-reset" style="left: 75%;"></div>
                        </div>
                    </div>
                    <div class="jw-icon jw-icon-tooltip jw-icon-volume jw-button-color jw-reset" tabindex="0"
                         role="button" aria-label="Volume" aria-hidden="false">
                        <div class="jw-overlay jw-reset">
                            <div class="jw-slider-volume jw-volume-tip jw-background-color jw-reset jw-slider-vertical jw-reset"
                                 aria-hidden="true">
                                <div class="jw-slider-container jw-reset">
                                    <div class="jw-rail jw-reset"></div>
                                    <div class="jw-buffer jw-reset"></div>
                                    <div class="jw-progress jw-reset" style="height: 75%;"></div>
                                    <div class="jw-knob jw-reset" style="bottom: 75%;"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="jw-icon jw-icon-inline jw-button-color jw-reset jw-icon-fullscreen" role="button"
                         tabindex="0" aria-label="Fullscreen" style=""></div>
                </div>
            </div>
        </div>
        <div class="afs_ads" style="width: 1px; height: 1px; position: absolute; background: transparent;">&nbsp;</div>
        <div class="jw-rightclick jw-reset jw-open" style="left: 489px; top: 551px;">
            <ul class="jw-reset">
                <li class="jw-reset jw-featured">
                    <a href="https://jwplayer.com/learn-more" class="jw-reset" target="_top">
                        <span class="jw-icon jw-rightclick-logo jw-reset"></span>
                        Powered by JW Player 7.6.0
                    </a>
                </li>
            </ul>
        </div>
    </div>
</center>


<script type="text/javascript">
    $(function () {
        var a = $.url().param('channel');
        var host = window.location.host;
        //var streamurl = "//ivi.bupt.edu.cn/hls/"+a+".m3u8";
        //if (host == 'ivi6.bupt.edu.cn'){
        //	streamurl = "//ivi6.bupt.edu.cn/hls/"+a+".m3u8";
        //}
        var streamurl = "//" + host + "/hls/" + a + ".m3u8";
        var playerInstance = jwplayer("player");
        jwplayer.key = "vXr5GP+It4nbLRbYpK/2/S3mcRv/Vlbo38C88w==";
        playerInstance.setup({
            file: streamurl,
            hlshtml: true,
            autostart: true,
            live: true,
            //primary: "html5",
            primary: "flash",
            displaytitle: false,
            volume: 75,
            height: "100%",
            width: "100%",
        });
    });
</script>

</body>
</html>